<template>
  <div>
    <el-dialog
      v-model="dialogVisible"
      width="60%"
      align-center
      :show-close="false"
      destroy-on-close
      append-to-body
      draggable
      class="check-dialog"
    >
      <template #header="{ close }">
        <div class="dialog-header flex justify-between items-center">
          <div>审核记录</div>
          <el-icon class="el-icon--left cursor-pointer" @click="close"
            ><CircleCloseFilled color="#fff"
          /></el-icon>
        </div>
      </template>
      <Checkcomponents
        :procInsId="props.procInsId"
        :checker="props.checker"
        :checkdate="props.checkDate"
        :isView ="true"
      />
    </el-dialog>
  </div>
</template>

<script setup>
import Checkcomponents from "@/views/flowable/processInstance/detail/components.vue";
const dialogVisible = defineModel();
const props = defineProps({
  procInsId: {
    type: String,
    default: "",
  },
  checker: {
    type: String,
    default: "",
  },
  checkDate: {
    type: String,
    default: "",
  },
  isView: {
    type: Boolean,
    default: true,
  },
});
</script>

<style scoped lang="scss">
@import url("@/views/project/index.scss");
</style>
<style>
.check-dialog {
  padding: 0;
}
.check-dialog:not(.is-fullscreen) {
  margin: auto !important;
}
</style>
